#245C5E

Color Details

HEX
#245C5E
RGB
rgb(36, 92, 94)
HSL
hsl(182, 45%, 25%)
CMYK
cmyk(62%, 2%, 0%, 63%)
Best text on this color #FFFFFF (CR 7.59:1) Determined by WCAG contrast ratio

Readability Previews

Black on #245c5e
Contrast 2.77:1 Fail
White on #245c5e
Contrast 7.59:1 AAA
#245c5e on Black
Contrast 2.77:1 Fail
#245c5e on White
Contrast 7.59:1 AAA

Tints & Shades

#507d7e
#7c9d9e
#a7bebf
#1d4a4b
#163738
#0e2526

Complement & Analogous

#5c2523
#233e5c
#235c42

Triadic

#5c235b
#5b5c23

Monochrome

#0e2526 #163738 #245c5e #7c9d9e #a7bebf #d3dedf

Analogous

#235c42 #658d7b #245c5e #4f657d #233e5c #1c324a

Complementary Mix

#163738 #245c5e #7c9d9e #5c2523 #957170 #3c1817

Nearby Colors

#245c5d
#245c5f
#245c4e
#245c6e

Embed #245C5E swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #245C5E

#245C5E converts to RGB(36, 92, 94) and HSL(182, 45%, 25%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#245C5E FAQs

What is the RGB value of #245C5E?
RGB: 36, 92, 94. Copy as CSS: rgb(36, 92, 94)
Is #245C5E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #245C5E?
Complement: #5c2523.
Does #245C5E have good contrast on white or black?
On white: 7.59:1 (AAA (normal text)). On black: 2.77:1 (Fails AA).